@mars-primary-color: rgba(0, 138, 255, 0.9);
@mars-primary-color-half: rgba(0, 138, 255, 0.5);
@mars-sub-color: #26ddff;
@mars-danger-color: #f75165;
@mars-warning-color: #ff8041;
@mars-success-color: #18af92;
@mars-base-color: #ffffff;
@mars-content-color: #cdcdcd;
@mars-hover-btn-bg: #3ea6ff;
@mars-click-btn-bg: #015dab;
@mars-disable-btn-bg: #cdcdcd;
@mars-base-border: #ffffff;
@mars-select-bg: rgba(0, 138, 255, 0.2);
@mars-bg-base: rgba(23, 49, 71, 0.8);
@mars-base-border-color: #d9d9d9;
@mars-list-active: linear-gradient(90deg, rgba(0, 138, 255, 0) 0%, rgba(0, 138, 255, 0.58) 53%, rgba(0, 138, 255, 0.02) 100%);
@mars-msg-title-color: #c7d3dd;

@mars-ordinary-color: rgba(32, 160, 255, 0.2); // 普通颜色
@mars-background-active: #000000d9; // 全局激活背景色
@font-size-base: 12px; // 主要字体大小
@border-color-ordinary: grey; // 基础边框颜色
@border-color-base: #ececec; // 基础边框颜色
@tree-border-color: #ccc; //树控件复选框边框颜色
@mars-disable-color: #ccc; // 禁用字体颜色
@form-input-background: rgba(63, 72, 84, 0.7); // input 背景色
@input-background-active: rgba(37, 49, 63, 0.788); // input 激活背景色
@background-base: #14141480; // 基础背景色
@button-background-base: #20a0ff33; // 按钮背景
@button-color-base: #ffffff; // 按钮字体颜色
@button-color-active: #ffffff; // 按钮激活字体颜色
@button-background-active: #20a0ff33; // 按钮激活背景颜色
@collapse-header-color: #202a4480; // 折叠面板头部颜色


// 提示组件背景
.mars-msg-bg {
  background-image: url(./assets/images/border-image-base.png);
  background-size: 100% 100%;
}

// 提示组件标题样式
.mars-msg-title {
  background-image: url(./assets/images/msg-title-bg.png);
  padding: 9px 14px;
  background-size: 100% 100%;
  font-size: 18px;
  color: #0089fe;
}

// 下拉样式
.mars-drop-bg {
  background-color: @mars-bg-base !important;
  background: #173147;
  box-shadow: 0px 4px 15px 1px rgba(2, 33, 59, 0.7);
  border-radius: 0px;
  background-image: url(./assets/images/selet-dropdown-border.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mars-main-view {
  color: @mars-base-color;

  // 卡片按钮样式
  .ant-radio-button-wrapper {
    background: rgba(32, 160, 255, 0.2);
    color: @mars-base-color;
    box-shadow: none !important;
  }

  // 卡片选中按钮
  .ant-radio-button-checked {
    background-color: #1890ff;
  }

  //进度条
  .ant-progress-text {
    color: @mars-base-border !important;
  }

  // 表格滑动条
  .ant-table-cell-scrollbar {
    display: none;
  }

  /* 卡片 */
  .mars-ant-card {
    background: none;
    border: 1px solid @mars-base-color;
    color: @mars-base-color;

    .ant-card-head {
      border-color: @mars-base-color;
      min-height: auto;
      padding: 0 10px;
      color: white;

      .ant-card-head-title {
        padding: 8px 0;
      }
    }

    .ant-card-body {
      padding: 10px;
    }
  }
}

.mars-primary-table {
  width: 100%;

  td {
    border: 1px solid @border-color-base;
    padding: 2px;
  }

  tr td:nth-of-type(1) {
    width: 100px;
  }
}

// 滚动条
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}

::-webkit-scrollbar-track {
  background: #173147;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}

::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background: #134875;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  padding-top: 100px;
  background-color: #134875;
  min-height: 28px;
  border-radius: 4px;
  background-clip: padding-box;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0;
}

::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar-thumb:active {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.5);
}
